.theme {
  height: 100%;
  display: flex;
  padding: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-around;
  .title {
    background-color: var(--color1) !important;
    flex: 1;
  }

  .content {
    background-color: var(--color2) !important;
    flex: 1;
  }

  .footer {
    background-color: var(--color1) !important;
    flex: 1;
  }
}
// .xxx {
//   :global{
//     .ant-menu{
//       background-color: var(--color1) !important;
//       color: var(--fontColor) !important;
//     }
//   }
// }
.fontColor {
  color: rgb(206, 91, 145);
}

// 为实现主题切换
:global {
  #root.theme1 {
    :local {
      .bgcolor {
        background-color: #001529;
        color: #def5f5;
      }
    }
  }
  #root.theme2 {
    :local {
      .bgcolor {
        background-color: #fafafa;
        color: #ffffff;
      }
    }
  }
  #root.theme3 {
    :local {
      .bgcolor {
        background-color: rgb(114, 46, 209);
        color: rgb(114, 46, 209);
      }
    }
  }
  #root.theme4 {
    :local {
      .bgcolor {
        background-color: rgb(250, 173, 20);
        color: rgb(250, 173, 20);
      }
    }
  }
}
